<template>
    <div class="loginBox">
      <div class="paddingBox">
          <div class="title">大翔医药信息综合平台</div>
          <el-form ref="form" :model="form" :rules="formRules" class="formBox">
            <el-form-item label-width="0" prop="mobile">
              <el-input placeholder="请输入手机号码" v-model="form.mobile" @keyup.enter.native="login">
                <!-- <i slot="prefix" class="iconfont icondengluzhanghao-copy f22"></i> -->
              </el-input>
            </el-form-item>
            <el-form-item label-width="0" prop="password">
              <el-input placeholder="请输入登录密码" v-model="form.password" type="password" @keyup.enter.native="login">
                <!-- <i slot="prefix" class="iconfont iconmima f22"></i> -->
              </el-input>
            </el-form-item>
          </el-form>
          <div class="buttomBox">
            <el-button type="primary" size="middle" @click="login()" :disabled="disabled">登&nbsp;&nbsp;&nbsp;&nbsp;录</el-button>
          </div>
      </div>
    </div>
</template>

<script>
export default {
  data() {
    return {
      form: {
        mobile: "",
        password: "",
      },
      formRules: {
        mobile: [{ required: true, message: "请输入用户名", trigger: "blur" }],
        password: [{ required: true, message: "请输入密码", trigger: "blur" }]
      },
      // codeLoad: false, // 验证码是否显示loading
      // codeLoadText: "", // 验证码loading时候显示的文字内容
      disabled: false // 防止多次触发
    };
  },
  created() {
    // this.getMenus();
  },
  methods: {
    login() {
      this.$router.push("/index");
      // this.$refs["form"].validate(valid => {
      //   if (valid) {
      //     let data = {
      //       mobile: this.form.mobile,
      //       // password: md5(md5(this.form.password) + '123x123d123l123'),// 密码加密
      //       password: md5(this.form.password), // 密码加密
      //       loginType:1, //登录方式 1账号密码登录 2手机验证码登录 
      //       userType: 3,
      //     };
      //     this.disabled = true; // 防止多次触发
      //     supplierLogin(data)
      //       .then(res => {
      //         if (res.data.success) {
      //           this.$store.commit("setUser", res.data.data);
      //           //获取字典数据
      //           this.$store.dispatch("getDictionarys", {});
      //           // this.getMenus().then(resp => {
      //           //   if (resp.data.data.length > 0) {
      //           //     // let datas = resp.data.data[0];
      //           //     let datas = {childrenList:[{childrenList: [],fatherId: 8,icon: null,id: 9,menuType: 1,name: "商品管理",path: "/goods/goodsManage",permission: null,sort: 0,type: 1}],fatherId: 0,icon: "iconfont icondianpu",id: 8,menuType: 1,name: "商品",path: null,permission: null,sort: 0,type: 0};
      //           //     if (datas.childrenList.length > 0) {
      //           //       // console.log(datas.childrenList[0].path);
      //           //       let path = datas.childrenList[0].path;
      //           //       this.$router.push(path);
      //           //     } else if (datas.type == 1 && datas.path) {
      //           //       this.$router.push(datas.path + "/index");
      //           //     }
      //           //   }
      //           // });
      //           this.$router.push("/goods/goodsManage");
      //         } else {
      //           this.$message.error(res.data.message);
      //         }
      //         this.disabled = false; // 防止多次触发
      //       })
      //       .catch(err => {
      //         this.disabled = false; // 防止多次触发
      //       });
      //   }
      // });
    },
  //   getMenus() {
  //     return new Promise((resolve, reject) => {
  //       getMenus()
  //         .then(res => {
  //           if (res.data.success) {
  //             resolve(res);
  //           } else {
  //             this.$message.error(res.data.message);
  //             reject();
  //           }
  //         })
  //         .catch(err => {
  //           this.$message.error(err.data.message);
  //           reject();
  //         });
  //     });
  //   },
  },
  watch: {}
};
</script>

<style lang="scss" scoped>
@import "@/styles/index.scss";
  .loginBox{
    position: absolute;
    left: 50%;
    top: 50%;
    width: 300px;
    height: 420px;
    margin-left: -150px;
    margin-top: -210px;
    border-radius: 10px;
    @include box-shadow($color:#000059);
    .paddingBox{
      margin-top: 100px;
      padding: 0 20px;
      .title {
        font-weight: 700;
        font-style: normal;
        font-size: 24px;
        color: $colorPrimary;
        text-align: center;
      }
    }
    .formBox{
      margin-top: 20px;
      .el-form-item{
        margin-bottom:20px;
      }
    }
    .buttomBox{
      width: 100%;
      .el-button{
        padding: 12px 20px;
        width: 100%;
      }
    }
  }
</style>